<template>
  <div class="systemAnn systemOfW">
    <homeHeader></homeHeader>
    <breadcrumb :isShowBanner='true' :bannerData="bannerData"></breadcrumb>
    <announcementNews></announcementNews>
    <homeFooter></homeFooter>
  </div>
</template>

<script>
  import homeHeader from '../../components/lotteryColor/header/index';
  import breadcrumb from '../../components/breadcrumb/index';
  import announcementNews from './annoucementNews';
  import homeFooter from '../../components/footer/index';
  export default {
    data() {
      return {
        bannerData:{
          bannerImg: require('../../assets/images/systemOf/banner.jpg'),
          title:{
            name:"系统公告",
            english:"System Notice"
          }
        }
      }
    },
    mounted() {
      this.initData();
    },
    activated(){
      this.initData();
      this.init();
    },
    methods: {
      init() {
        let that = this;
        that.initBreadcrumb();
      },
      initData(){},
      //初始化面包屑导航数据
      initBreadcrumb() {
        let breadcrumbData = [
          {name: '首页', routeName: 'index'},
          {name: '系统公告', routeName: "systemOf"},
        ];
        this.$store.commit('BREADCRUMB_DATA', breadcrumbData);
      },
    },
    components: {
      homeHeader,
      breadcrumb,
      announcementNews,
      homeFooter
    }
  }
</script>
<style lang="css" rel="styleheet/css" scoped>
  .systemAnn {
    background-color: rgb(249,249,249);
  }
</style>
